<template>
  <os-header></os-header>
  <os-navbar v-show="showNavbar"></os-navbar>
  <os-main></os-main>
</template>
<script lang="ts">
  import { computed, defineComponent } from 'vue'
  import osHeader from '../header/index.vue'
  import osNavbar from '../navbar/index.vue'
  import osMain from '../main/index.vue'
  import { useStore } from 'vuex'
  export default defineComponent({
    name: 'home',
    components: {
      osHeader,
      osMain,
      osNavbar,
    },
    setup() {
      const store = useStore()
      const showNavbar = computed(() => {
        return store.getters.getShowNavbar
      })
      return { showNavbar }
    },
  })
</script>

<style lang="scss" scoped>
  @include b(home) {
    // width: 100%;
    // height: 100%;
  }
</style>